    .window {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: #86b972b8;
      backdrop-filter: blur(0.3rem);
      color: #fff;
      padding: 1rem;
      z-index: 99;
      width: 80vw;
      min-height: 10rem;
      max-height: 80vh;
      overflow: auto;
      letter-spacing: 1px;
    }

    .window h3{
        margin-bottom: 1.68rem !important;
        font-weight: 500 !important;
        color: #ffe55a;
        font-size: 1.3rem !important;
    }
    .window .cont h3 {
      font-size: 1.25rem;
      margin: 0.68rem 0rem;
    }

    .window .button button,
    .window .reset {
      cursor: pointer;
      border: unset;
      padding: 0.3rem 0.68rem;
      background: #ffe6af;
      color: #000;
    }

    .window .user {
      text-align: right;
      font-size: 0.8rem;
      font-weight: 300;
      letter-spacing: 1px;
      margin: 0.6rem 0rem;
      color: #898989;
    }

    .window hr {
      background: #ffffff6b;
      border: unset;
      height: 1px;
      margin: 1.5rem auto;
    }

    .window .setbox .setinfo ,
    .window .setmes .setinfo {
      padding: 0.5rem;
      border: unset;
      outline: none;
      width: 100%;
      height: 3rem;
    }

    .window .tips {
      text-align: center;
      line-height: 5rem;
    }

    .tips h3 {
      font-size: 1.5rem !important;
    }

    .window .close {
      background: #6d6d6d;
      border-radius: 1rem;
      padding: 1rem;
      position: absolute;
      top: 0.5rem;
      right: 0.5rem;
      border: unset;
      display: block;
      height: 1.35rem;
      width: 1.35rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.15rem;
      color: #fff;
      cursor: pointer;
    }

    .hide {
      opacity: 0.6;
      cursor: pointer;
      pointer-events: none;
    }
    button{
        cursor: pointer;
        background: #ffe6af;
        border: unset;
        outline: unset;
        padding: 0.3rem 0.68rem;
    }
    .window .mesitem{
        text-align: right;
    }
    .mesitem .mymes{
        margin: 0.5rem 0.3rem;
        margin-bottom: 0px;
    }
    .window .op8{
        background: #ffffffbf;
    }
    .list ul{
        padding: 0px;
        margin: 0.3rem 0px;
    }
    .list li{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 0.5rem 0.3rem;
        padding: 0.3rem;
        padding-top: 0.8rem;
        border-top: 1px solid #ffffff6b;
    }
    .list li span{
        display: block;
        width: 10%;
        text-align: center;
    }
    .list li .time{
        width: 20%;
        text-align: left;
    }
    .list li .mes{
        width: 50%;
        text-align: left;
    }
    .list .right{
        text-align: right;
    }
    .list .center{
        text-align: center;
    }

    .list li:nth-child(1) {
        border: unset;
        font-size: 1rem;
        letter-spacing: 3px;
        color: #ffffff;
        padding: 0.8rem 0.5rem;
        background: #69696969;
    }
    .window .list{
        min-width: 33rem;
    }
    .list li span{
        overflow: auto;
    }
    .list .mes{
        min-width: 8rem;
    }
    .list .users{
        min-width: 6rem;
    }
    .list .type{
        min-width: 5rem;
    }
    .list .time{
        min-width: 8rem;
    }
    .list .menu{
        min-width: 4rem;
    }
    .info{
        cursor: default;
        position: absolute;
        left: 50%;
        bottom: 3%;
        transform: translateX(-50%);
        font-size: 0.8rem;
        color: #8d8d8d;
        letter-spacing: 1px;
        text-align: center;
        line-height: 1.25rem;
        width: 100%;
    }

    /*media*/
    @media (max-width: 666px){
        .salvage rotate{
            left: 40vw !important;
            position: absolute;
            top: 224px !important;
            width: 12rem !important;
            height: auto !important;
            z-index: 3;
        }
        .prize {
            display: none;
            position: absolute;
            z-index: 1;
            /* left: 40vw; */
            width: 20%;
            top: 153px;
            left: 40%;
            transform: translateX(-50%);
        }
        #prize{
            width: 8rem;
        }
        .sea{
            height: 140px;
            left: 35vw;
            top: 250px;
        }

    }